<template>
  <div class="data">
    <div class="title">销售商品</div>
    <div class="content">
      <span>
        客服名称:
        <input placeholder="请输入" />
      </span>
      <span class="span">
        起始时间:
        <!-- <input placeholder="请选择" /> -->
        <a-date-picker />
      </span>
      <span class="span">
        截止时间:
        <!-- <input placeholder="请选择" /> -->
        <a-date-picker />
      </span>
      <a-button style="margin-left:123px;" type="primary">查询</a-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "Query",
  data() {
    return {};
  }
};
</script>

<style>
.data {
  padding: 50px 0;
}
.title {
  width: 80px;
  height: 30px;
  margin: 0 0 23px 53px;
  font-weight: bold;
  font-size: 20px;
}

.content {
  margin-left: 55px;
}
.content .span {
  margin-left: 40px;
}
.content input {
  width: 180px;
  height: 32px;
  margin-left: 12px;
  border: rgba(217, 217, 217, 1) solid 1px;
  border-radius: 2px;
  font-size: 14px;
  color: rgba(166, 166, 166, 1);
}
</style>